/****************overflow******/
$overflowwrap:(
  normal:normal,
  break:break-word
);
@each $key,$value in $overflowwrap{
  .overflow-wrap-#{$key}{
    overflow-wrap: $value;
  }
}
$overflow:(
  auto:auto,
  hidden:hidden,
  visible:visible,
  scroll:scroll,
);
@each $key,$value in $overflow{
  .overflow-#{$key}{
    overflow:$value
  }
}

$overflow-y:(
  auto:auto,
  hidden:hidden,
  visible:visible,
  scroll:scroll,
);
@each $key,$value in $overflow-y{
  .overflow-y-#{$key}{
    overflow-y:$value
  }
}

$overflow-x:(
  auto:auto,
  hidden:hidden,
  visible:visible,
  scroll:scroll,
);
@each $key,$value in $overflow-x{
  .overflow-x-#{$key}{
    overflow-x:$value
  }
}

















/****************用于控制浏览器到达滚动区域边界时的行为的功能类*******/
$overscroll:(
  auto:auto,
  contain:contain,
  none:none,
);
@each $key,$value in $overscroll{
  .overscroll-#{$key}{
    overscroll-behavior:$value
  }
}

$overscroll-y:(
  auto:auto,
  contain:contain,
  none:none,
);
@each $key,$value in $overscroll-y{
  .overscroll-y-#{$key}{
    overscroll-behavior-y:$value
  }
}

$overscroll-x:(
  auto:auto,
  contain:contain,
  none:none,
);
@each $key,$value in $overscroll-x{
  .overscroll-x-#{$key}{
    overscroll-behavior-x:$value
  }
}